header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 4vw 2.93vw 5vw;
	background-color: #fbfbfb;
	color: #555;
	font-size: 3.73vw;
}

header .arrow {
	position: absolute;
	left: 2.93vw;
	top: 50%;
	transform: translateY(-50%);
	width: 2.67vw;
	height: 4.67vw;
}

.search {
	display: flex;
	width: 100%;
	padding: 3vw 3vw 0;
	justify-content: space-between;
	box-sizing: border-box;
	margin-top: 13.4vw;
}

.search input {
	width: 81vw;
	height: 9vw;
	padding: 3vw;
	background-color: #f4f8f7;
	border: 0;
	outline: 0;
	border-radius: 2vw;
	box-sizing: border-box;
	font-size: 3vw;
}

.search .button {
	width: 10vw;
	height: 9vw;
	background-color: #c55a5c;
	border-radius: 1vw;
	text-align: center;
	line-height: 9vw;
}

.search .button img {
	width: 4vw;
	vertical-align: middle;
}
nav ul.navList{
	display: flex;
	padding: 3vw 0;
	border-bottom: .1vw solid rgba(110, 110, 110, .2);
}
nav .navList li{
	width: 25%;
	text-align: center;
	font-size: 3.5vw;
}
nav .navList li img{
	width: 2vw;
	height: 3.5vw;
	vertical-align: middle;
	margin:0 0 .2vw .5vw;
}
.up{
	transform: rotate(180deg);
}
.down{
	transform: rotate(0deg);
}

.searchRes {
	background-color: #fff;
}

.searchResList {
	margin-bottom: 10vw;
}

.searchResList li {
	padding: 1vw 3vw;
	border-bottom: .1vw solid rgba(110, 110, 110, .2);

}

.searchResList li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.searchResList li a .image{
	width: 27vw;
	height: 27vw;
}
.searchResList li a img {
	width: 27vw;
	border-radius: 1vw;
	display: block;
}

.searchResList li a .info {
	width: 71%;
	padding: 1vw 3vw;
	box-sizing: border-box;
}

.searchResList li a .info .name {
	height: 8vw;
	font-size: 3vw;
	line-height: 4vw;
	color: #555555;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap:break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}

.searchResList li a .info .description {
	height: 8vw;
	font-size: 3vw;
	line-height: 4vw;
	color: #999999;
	margin: 2vw 0 1vw;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap:break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
.searchResList li a .info .price{
	font-size: 4vw;
	color: #c55a5c;	
}
.searchResList li a .info .price span{
	font-size: 2vw;
	line-height: 5vw;
}
